﻿@{
    Layout = null;
}

    <style>
        .m-pagecontent
        {
            height:450px;
            overflow-y:auto;
        }

        .m-titlelistwrap
        {
            /*width:300px;*/
            margin: 20px 5px auto 5px;
        }

        .m-title-base
        {
            cursor: pointer;
            margin: 25px 25px auto 25px;
            font-size: 21px;
            font-family: 微软雅黑;
            font-weight: 400;
            min-height: 42px;
            border: 1px solid #FFFFFF;
            /*width: 100%;
            color: white;
            line-height: 40px;
            text-align: center;
            background-color: #79BC1F;*/
        }

        .s-current
        {
            border: 2px solid #e74c3c;
        }

        #submit
        {
            width: 100%;
            height: 48px;
            line-height: 48px;
            background: #4caf50;
            font-size: 21px;
            position: fixed;
            bottom: 0px;
            color: #FFFFFF;
            font-weight: 400;
            text-align: center;
        }
    </style>

    <link href="~/Content/TraceSource/DiamondEdition/TitleStyle.css" rel="stylesheet" />


    <div class="m-pagecontent">

        <div class="m-titlelistwrap">


            <div data-index="0" data-in="s" data-se="false" class="m-title-base">
                <div data-clistyle-brushtype=" bd" style="max-width: 100%; top: 0px; padding: 6px 10px; margin: 0px; border-color: #4caf50; border-left-width: 5px; border-left-style: solid; background-color: #f5f5f5;color: #333; font-family: Microsoft Yahei; white-space: normal;word-wrap: break-word;line-height: 24px;  vertical-align: baseline; ">
                    <span style="padding: 0px; margin-top: 0px; margin-bottom: 0px; font-size: 16px;">​产品户口本</span>
                </div>
            </div>

            <div data-index="1" data-in="s" data-se="false" class="m-title-base">
                <div style="border:0;margin-top:18px; padding: 0.5em 0;white-space: normal;border: none;border-top: 1px solid #ccc;display: block; font-size: 1em; font-family: inherit; font-style: normal;font-weight: inherit; text-decoration: inherit; color: #a6a6a6;font-family:'Microsoft Yahei';">
                    <div style="margin-top: -1.2em;text-align: center;text-align: center; padding: 0; border: none; line-height: 1.4;">
                        <span data-clistyle-brushtype="bg" style="background-color: #4caf50; padding:8px 23px; border-radius: 2px; color:#fff; font-family:inherit; font-size: 14px; font-style:normal; font-weight:inherit; text-align:center; text-decoration:inherit">产品户口本</span>
                    </div>
                </div>
            </div>

            <div data-index="2" data-in="s" data-se="false" class="m-title-base">
                <div data-clistyle-brushtype="bd" style="white-space: normal; margin: 5px 0px 0px; padding: 5px 15px; max-width: 100%; border-left-width: 5px; border-left-style: solid; border-left-color: #4caf50; line-height: 25px; color:#666;">
                    <p style="margin:0;font-family:'Microsoft Yahei';font-size:16px;">产品户口本</p>
                </div>
            </div>

            <div data-index="3" data-in="s" data-se="false" class="m-title-base">
                <div style="font-size:14px;font-family:'Microsoft YaHei';margin: 5px auto;white-space: normal;">
                    <div style="margin:5px auto;padding:0;white-space:normal;border:none;border-style:none;text-align:center">
                        <div data-clistyle-brushtype="bd" style="width:100%;border-bottom-style:solid;border-bottom-width:1px; border-color: #4caf50;display:inline-block">
                            <div data-clistyle-brushtype="bd" style="min-height:30px;color:#333;display:inline-block;border-bottom-width:5px;border-bottom-style:solid;border-color: #4caf50;padding:5px 10px 0;margin-bottom:-3px;font-size:16px">
                                <p style="margin-bottom:5px">产品户口本</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div data-index="4" data-in="s" data-se="false" class="m-title-base">
                <div style="font-size:14px;margin: 5px auto;white-space: normal;">
                    <div style="margin:5px 0;padding:0;text-align:center;">
                        <div style="margin:0;padding:0;display:inline-block">
                            <div data-clistyle-brushtype="bg" style="margin:0;padding:0;width:6px;height:6px;background-color: #4caf50;border-radius:50%;float:left"></div>
                            <div data-clistyle-brushtype="bg" style="margin:0 7px;padding:0;width:6px;height:6px;background-color: #4caf50;border-radius:50%;float:left;opacity:.6"></div>
                            <div data-clistyle-brushtype="bg" style="margin:0;padding:0;width:6px;height:6px;background-color: #4caf50;border-radius:50%;float:left;opacity:.2"></div>
                        </div>
                        <div data-clistyle-brushtype="text" style="margin-top:5px;padding:0;text-align:center;color: #4caf50;">
                            <strong>
                                <span style="color:inherit;font-size:16px">产品户口本</span>
                            </strong>
                        </div>
                    </div>
                </div>
            </div>

            <div data-index="5" data-in="s" data-se="false" class="m-title-base">
                <p data-clistyle-brushtype="bd" style="margin:0; border-top-width: 2px; border-bottom-width: 2px; border-left-width: 0;     border-right-width: 0; border-style: solid; border-color: #4caf50; background-color: #fdfdfd;">
                    <span style="display:block; margin: 0;padding: 10px 0 10px 10px;font-size: 18px; font-family:'Microsoft Yahei';">产品户口本</span>
                </p>
            </div>

            <div data-index="6" data-in="s" data-se="false" class="m-title-base">
                <div style="text-align: center;">
                    <span data-clistyle-brushtype="text" style="box-sizing:border-box; color: #4caf50; font-family:Microsoft Yahei,microsoft yahei; font-size:16px; margin:0px; padding:0px">◆</span>
                    <span style="color:#0c0c0c; font-family:Microsoft Yahei,microsoft yahei; font-size:16px">产品户口本</span>
                    <span data-clistyle-brushtype="text" style="color:#4caf50; font-family:Microsoft Yahei,microsoft yahei; font-size:16px">◆</span>
                </div>
            </div>

            <div data-index="7" data-in="s" data-se="false" class="m-title-base">
                <div style="border-top: 1px solid rgb(221, 221, 221); margin: 10px auto; box-sizing: border-box;">
                    <p data-clistyle-brushtype="bd" style="padding-top: 6px; padding-right: 5px; padding-left: 5px; border-top: 2px solid #4caf50; display: inline-block; margin-top: -1px; margin-bottom: 0px; line-height: 1.1; font-size: 18px; white-space: normal;">产品户口本</p>
                </div>
            </div>

            <div data-index="8" data-in="s" data-se="false" class="m-title-base">
                <div style="box-sizing: border-box; word-break: break-all; word-wrap: break-word; max-width: 100%; border: none; margin: 5px;">
                    <div data-clistyle-brushtype="bd" style="box-sizing: border-box; word-break: break-all; word-wrap: break-word; max-width: 100%; color: #4caf50; text-align: center; margin: 0px auto -2px; border-bottom: 2px solid #4caf50; border-top: 2px solid #4caf50; border-right-color: #4caf50; border-left-color: #4caf50; padding: 5px;">
                        <p data-clistyle-brushtype="text" style="box-sizing: border-box; max-width: 100%; color: inherit; font-size: 18px;">产品户口本</p>
                    </div>
                    <div data-clistyle-brushtype="bdt" style="box-sizing: border-box; word-break: break-all; word-wrap: break-word; max-width: 100%; width: 0px; margin-right: auto; margin-left: auto; border-top: 0.6em solid #4caf50; height: 10px; color: inherit; border-left: 0.7em solid transparent !important; border-right: 0.7em solid transparent !important;"></div>
                    <div style="box-sizing: border-box; word-break: break-all; word-wrap: break-word; max-width: 100%; width: 0px; margin-right: auto; margin-left: auto; border-top: 0.6em solid rgb(254, 254, 254); border-bottom-color: rgb(254, 254, 254); height: 10px; margin-top: -15.5px; color: inherit; border-left: 0.7em solid transparent !important; border-right: 0.7em solid transparent !important;"></div>
                </div>
            </div>

            <div style="height:55px;width:100%"></div>
        </div>

        @*<div id="submit" >确定</div>*@
    </div>
<script>

    var inputName = "";
    function SetData(data) {
        var index = data.index;
        inputName = data.inputName;
        var str = "data-index=\'" + index + "\'";
        $("[" + str + "]").addClass('s-current').attr("data-se", "true");
    }

    $("[data-in='s']").click(function () {
        $(this).siblings().removeClass('s-current').end().addClass('s-current');
        $(this).siblings().attr("data-se", "false").end().attr("data-se", "true");
    });

    //$("#submit").click(function () {
    //    var index = $("[data-se='true']").attr("data-index");
    //    window.Owner.rebackIndex(inputName, index);
    //    window.CloseOwnerWindow("close");
    //});
</script>
